<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="./styles/reset.css">
  <link rel="stylesheet" href="./styles/common.css">
  <link rel="stylesheet" href="./styles/app.css">
  <title>nice-image</title>
</head>
<body>
  <div id="app" class="app">
    <header class="header shadow">
      <div class="container flex-row">
        <div class="logo">
          <a href="###"></a>
        </div>
      </div>
    </header>
    <div class="container">
      <ul class="flex-row image-list">
        <li class="cover" v-for="item of imgList" v-bind:key="item.id" v-bind:style="{backgroundImage: 'url(' + item.imgUrl + ')'}">
          <div class="layer flex-center">
            <div class="btn" v-on:click="copy(item.imgName)">
              <img src="./images/copy.png" alt="">
            </div>
          </div>
        </li>
      </ul>
    </div>
  </div>
  <script src="https://cdn.jsdelivr.net/npm/vue"></script>
  <script src="js/jquery.min.js"></script>
  <script src="js/common.js"></script>
  <script src="js/layer/layer.js"></script>
</body>
</html>